<template>
	<view style="padding: 30rpx;font-size: 30rpx;line-height: 40rpx;">
		<view>全民微美讲师团训练营</view>
		<view style="font-size: 0.8em;color: #666;">全民微美总监及以上级别方可报名</view>
		<view class="line"></view>
		<view class="flex">
			<view class="txt">
				<view>/举办时间/</view>
				<view><text class="time">04/08</text><text>2024 10:00</text></view>
			</view>
			<view style="width:5rpx;height:50rpx;background:#000;"></view>
			<view class="txt">
				<view>/报名截止时间/</view>
				<view><text class="time">04/07</text><text>2024 14:00</text></view>
			</view>
		</view>
		<view class="line"></view>
		<view class="address">
		<view style="display: flex;align-items: center;margin-left: 15rpx;"><u-icon color="#000" name="map-fill" style="padding-right: 10rpx;"></u-icon> CD上海旗舰店</view>
		<view style="display: flex;align-items: center;margin-left: 15rpx;margin-top: 20rpx;"><u-icon color="#000" name="account-fill" style="padding-right: 10rpx;"></u-icon>
总人数:30人已报名:21人</view>
		</view>
		<view class="line"></view>
		<view>活动详情</view>
		<view style="padding-top: 20rpx;"><image style="width: 100%;height: 700rpx;" src="../../../static/pingpai/pp1.png" /></view>
		<view class="yuyue">
		<view class="yuyue-btn">预约</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="less">
	page{
		background-color: #f8f8f8;
	}
.line{
	width: 100%;
	height: 1rpx;
	background-color: #000;
	margin: 20rpx 0rpx;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	.txt{
		font-size: 20rpx;
		.time{
			font-size: 1.3em;
			padding-right: 10rpx;
			font-weight: bold;
		}
	}
}
.address{
	font-size: 25rpx;
}
.yuyue{
	position: fixed;
	bottom: 0rpx;
	left: 0rpx;
	width: 100%;
	height: 100rpx;
	background-color: #fff;
	display: flex;
	justify-content: center;
	.yuyue-btn{
				width: 454rpx;
				height: 59rpx;
				background: linear-gradient(180deg, #494949 0%, #000000 100%);
				border-radius: 4rpx;
				margin-top: 28rpx;
				color: #fff;
				text-align: center;
				margin-left: 34rpx;
				font-size: 20rpx;
				line-height: 59rpx;
			}
}

</style>
